<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>personalCenter</title>
    <link rel="stylesheet" href="./css/personalCenter.min.css">
</head>
<body>
    <div class="warp">
        <div class="title">个人中心</div>
        <div class="login">
        <div class="top">Hi,欢迎来到订乐花</div>
        <div class="bottom">登录/注册</div>
        </div>
        <div class="orders">    
            <div class="top">
                <div class="left">我的订单</div>
                <div class="right">全部订单></div>
            </div>
            <div class="bottom">
                <div class="one">待付款</div>
                <div class="one">派送中</div>
                <div class="one">待评价</div>
                <div class="one">已完成</div>
            </div>
        </div>
        <div class="main">
            <div class="first">
                <div class="content">优惠卷</div>
            </div>
            <div class="second">
                <div class="content">收货地址</div>
            </div>
            <div class="third">
                <div class="content">设置</div>
            </div>
        </div>
        <div class="footer">
            <div class="item">
                <a href="./index.html">
                <div class="write">首页</div>
            </a>
                <a href="./classify.html">
                <div class="write">分类</div>
            </a>
            <a href="">
                <div class="write">电话</div>
            </a>
                <a href="./empty-cart.html">
                <div class="write length">购物车</div>
            </a>
            <a href="./personalcenter.html">
                <div class="write active">我的</div>
            </a>
            </div>
        </div>
    </div>
</body>
</html>